<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Making stripe menu -->
    <nav class="st-nav navbar main-nav navigation fixed-top" id="main-nav">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky d-block d-md-none"> <img src="img/logo-light.png" alt="Dashcore" class="logo d-none d-md-block"></a></li>
                <li class="st-nav-section st-nav-primary nav-item"><a class="st-root-link nav-link" href="index.html">Home </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-company st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li>
                <li class="st-nav-section st-nav-secondary nav-item"><a class="btn btn-rounded btn-outline mr-3 px-3" href="login.html" target="_blank"><i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Login</span> </a><a class="btn btn-rounded btn-solid px-3" href="signup.html" target="_blank"><i class="fas fa-user-plus d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Signup</span></a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building mr-2"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope mr-2"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd mr-2"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle mr-2"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group border-top bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a href="login.html">Sign in <i class="fas fa-arrow-right"></i></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media mb-4"><i class="fas fa-palette mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media mb-4"><i class="fas fa-bars mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media mb-4"><i class="fas fa-cookie-bite mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main class="overflow-hidden">
        <!-- Integration Heading -->
        <header class="header business-header section gradient gradient-primary-light">
            <div class="container pb-8">
                <div class="row">
                    <div class="col-md-10 mx-auto text-center"><span class="rounded-pill shadow-box bg-contrast text-primary bold py-2 px-4">Introducing Dashcore</span>
                        <h1 class="mt-3 text-contrast"><span class="display-4 display-md-2 bold">Modern & Elegant</span><br>Premium HTML Theme</h1>
                        <p class="lead text-contrast my-5 op-8">From a simple HTML page to a complete module bundler, even a task runner, DashCore comes with ease integration for every need</p>
                        <nav class="nav justify-content-center"><a href="#!" class="btn btn-success btn-rounded px-4 mr-3">Get Started</a> <a href="#!" class="btn btn-success btn-rounded px-4">Sign up for Free</a></nav>
                    </div>
                </div>
            </div>
        </header>
        <div class="position-relative">
            <div class="shape-divider shape-divider-bottom shape-divider-fluid-x text-contrast"><svg viewBox="0 0 2880 48" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z"></path>
                </svg></div>
        </div><!-- ./Partners -->
        <section class="partners mt-n5">
            <div class="container py-0">
                <div class="card shadow-lg">
                    <div class="card-body p-4">
                        <div class="swiper-container" data-sw-show-items="5" data-sw-space-between="30" data-sw-autoplay="2500">
                            <div class="swiper-wrapper align-items-center">
                                <div class="swiper-slide"><img src="img/logos/1.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                                <div class="swiper-slide"><img src="img/logos/2.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                                <div class="swiper-slide"><img src="img/logos/3.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                                <div class="swiper-slide"><img src="img/logos/4.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                                <div class="swiper-slide"><img src="img/logos/5.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                                <div class="swiper-slide"><img src="img/logos/6.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section quick-start-your-business">
            <div class="container-fluid bring-to-front pb-md-10">
                <div class="row gap-y align-items-center">
                    <div class="col-10 col-lg-4 mx-auto order-md-2">
                        <div class="mb-5 text-center text-lg-left">
                            <h2>Quick start your business<br><span class="text-primary">with the right tools</span></h2>
                            <p class="lead text-muted">DashCore helps you Build a modern & beautiful web presence. Our growing set of components will make your life waaaay easier.</p>
                        </div>
                        <ul class="list-unstyled">
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div class="icon-md bg-primary p-2 rounded-circle center-flex mr-3"><i data-feather="arrow-right" class="stroke-contrast"></i></div>
                                    <p class="my-0">Perfect for modern and growing Apps &amp; Startups</p>
                                </div>
                            </li>
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div class="icon-md bg-primary p-2 rounded-circle center-flex mr-3"><i data-feather="arrow-right" class="stroke-contrast"></i></div>
                                    <p class="my-0">Predesigned growing set of modern web components</p>
                                </div>
                            </li>
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div class="icon-md bg-primary p-2 rounded-circle center-flex mr-3"><i data-feather="arrow-right" class="stroke-contrast"></i></div>
                                    <p class="my-0">Modern &amp; eye-catching design to enchant your visitors</p>
                                </div>
                            </li>
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div class="icon-md bg-primary p-2 rounded-circle center-flex mr-3"><i data-feather="arrow-right" class="stroke-contrast"></i></div>
                                    <p class="my-0">Focus on your business, don&#39;t worry about your website</p>
                                </div>
                            </li>
                        </ul><a href="#!" class="btn btn-primary btn-rounded mt-4">Know More</a>
                    </div>
                    <div class="col-12 col-lg-6 pl-0 order-md-1">
                        <div class="browser shadow" data-aos="fade-right">
                            <div class="screen"><img src="img/screens/dash/1.png" alt="" class="img-responsive"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- Features -->
        <section class="section bg-light">
            <div class="container-fluid bring-to-front">
                <div class="row">
                    <div class="col-lg-3 mx-auto py-4 py-lg-0">
                        <div class="media mb-5"><i data-feather="activity" width="36" height="36" class="stroke-primary mr-3"></i>
                            <div class="media-body">
                                <h4>Real time activity</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea expedita illo ipsum labore maxime molestias mollitia</p><a href="#!" class="more-link dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                            </div>
                        </div>
                        <div class="media"><i data-feather="upload-cloud" width="36" height="36" class="stroke-primary mr-3"></i>
                            <div class="media-body">
                                <h4>Instant deploy</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, cupiditate debitis dolorem error expedita</p><a href="#!" class="more-link dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7 mt-lg-n8 d-flex align-items-end">
                        <div class="swiper-container" data-sw-effect="fade" data-sw-space-between="0" data-sw-pagination=".tools-pagination" data-sw-nav-arrows="false">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <figure class="mb-0"><img src="img/screens/dash/dash/4.png" class="img-responsive" alt=""></figure>
                                </div>
                                <div class="swiper-slide">
                                    <figure class="mb-0"><img src="img/screens/dash/dash/invoice.png" class="img-responsive" alt=""></figure>
                                </div>
                                <div class="swiper-slide">
                                    <figure class="mb-0"><img src="img/screens/dash/dash/calendar.png" class="img-responsive" alt=""></figure>
                                </div>
                                <div class="swiper-slide">
                                    <figure class="mb-0"><img src="img/screens/dash/dash/inbox.png" class="img-responsive" alt=""></figure>
                                </div>
                            </div>
                        </div>
                        <div class="card bg-success border-0 shadow tool-description-card">
                            <div class="card-body p-lg-5">
                                <div class="swiper-container pb-5" data-sw-dynamic-bullets="false" data-sw-pagination=".tools-pagination" data-sw-nav-arrows="false">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <h4 class="bold heading-line">Dashboard</h4>
                                            <p class="text-contrast py-4 d-none d-lg-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequuntur facere hic, ipsa ipsum obcaecati odio optio quidem quod totam!</p><a href="#!" class="more-link text-contrast dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <h4 class="bold heading-line">Invoicing</h4>
                                            <p class="text-contrast py-4 d-none d-lg-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequuntur facere hic, ipsa ipsum obcaecati odio optio quidem quod totam!</p><a href="#!" class="more-link text-contrast dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <h4 class="bold heading-line">Calendar</h4>
                                            <p class="text-contrast py-4 d-none d-lg-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequuntur facere hic, ipsa ipsum obcaecati odio optio quidem quod totam!</p><a href="#!" class="more-link text-contrast dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                                        </div>
                                        <div class="swiper-slide">
                                            <h4 class="bold heading-line">Inbox</h4>
                                            <p class="text-contrast py-4 d-none d-lg-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequuntur facere hic, ipsa ipsum obcaecati odio optio quidem quod totam!</p><a href="#!" class="more-link text-contrast dotted">Learn more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination tools-pagination text-left highlight-active"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section slider-testimonials undefined">
            <div class="container bring-to-front pt-10">
                <div class="card strong-top-bordered-card">
                    <div class="row no-gutters">
                        <div class="col-md-6">
                            <!-- Images slider, will fade -->
                            <div class="swiper-container h-100" data-sw-effect="fade" data-sw-space-between="0" data-sw-pagination="false" data-sw-nav-arrows=".nav-testimonial">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <figure class="m-0 image-background cover" style="background-image: url(img/testimonials/3.jpg)"><img src="img/testimonials/3.jpg" alt="..." class="img--responsive invisible"></figure>
                                    </div>
                                    <div class="swiper-slide">
                                        <figure class="m-0 image-background cover" style="background-image: url(img/testimonials/2.jpg)"><img src="img/testimonials/2.jpg" alt="..." class="img--responsive invisible"></figure>
                                    </div>
                                    <div class="swiper-slide">
                                        <figure class="m-0 image-background cover" style="background-image: url(img/testimonials/5.jpg)"><img src="img/testimonials/5.jpg" alt="..." class="img--responsive invisible"></figure>
                                    </div>
                                    <div class="swiper-slide">
                                        <figure class="m-0 image-background cover" style="background-image: url(img/testimonials/6.jpg)"><img src="img/testimonials/6.jpg" alt="..." class="img--responsive invisible"></figure>
                                    </div>
                                </div>
                                <div class="divider">
                                    <div></div>
                                </div>
                            </div><!-- Prev button -->
                            <div class="swiper-button swiper-button-prev nav-testimonial-prev shadow"><i data-feather="arrow-left"></i></div>
                        </div>
                        <div class="col-md-6">
                            <!-- Testimonials slider, will slide -->
                            <div class="swiper-container h-100">
                                <div class="swiper-wrapper" data-sw-pagination="false" data-sw-nav-arrows=".nav-testimonial">
                                    <div class="swiper-slide">
                                        <div class="card-body h-100 d-flex flex-column justify-content-center">
                                            <blockquote class="blockquote text-center mb-0">
                                                <figure class="mockup mb-5"><img src="img/logos/companies/1.svg" alt="..." class="img-responsive"></figure>
                                                <p class="mb-5 mb-md-6">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque, quas sunt enim tempore minima tenetur voluptatem provident. Incidunt accusantium.</p>
                                                <footer class="blockquote-footer"><span class="h6 text-uppercase">Jane Doe</span></footer>
                                            </blockquote>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card-body h-100 d-flex flex-column justify-content-center">
                                            <blockquote class="blockquote text-center mb-0">
                                                <figure class="mockup mb-5"><img src="img/logos/companies/2.svg" alt="..." class="img-responsive"></figure>
                                                <p class="mb-5 mb-md-6">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo harum eaque voluptatibus est obcaecati exercitationem maxime illo nihil voluptatem.</p>
                                                <footer class="blockquote-footer"><span class="h6 text-uppercase">John Doe</span></footer>
                                            </blockquote>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card-body h-100 d-flex flex-column justify-content-center">
                                            <blockquote class="blockquote text-center mb-0">
                                                <figure class="mockup mb-5"><img src="img/logos/companies/1.svg" alt="..." class="img-responsive"></figure>
                                                <p class="mb-5 mb-md-6">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque, quas sunt enim tempore minima tenetur voluptatem provident. Incidunt accusantium.</p>
                                                <footer class="blockquote-footer"><span class="h6 text-uppercase">Mauro</span></footer>
                                            </blockquote>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="card-body h-100 d-flex flex-column justify-content-center">
                                            <blockquote class="blockquote text-center mb-0">
                                                <figure class="mockup mb-5"><img src="img/logos/companies/2.svg" alt="..." class="img-responsive"></figure>
                                                <p class="mb-5 mb-md-6">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo harum eaque voluptatibus est obcaecati exercitationem maxime illo nihil voluptatem.</p>
                                                <footer class="blockquote-footer"><span class="h6 text-uppercase">5studios team</span></footer>
                                            </blockquote>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- Next button -->
                            <div class="swiper-button swiper-button-next nav-testimonial-next shadow"><i data-feather="arrow-right"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- Pricing -->
        <section class="bg-light edge top-left">
            <div class="container bring-to-front pb-0 pt-3">
                <div class="section-heading">
                    <div class="row justify-content-center">
                        <div class="col-md-10 col-lg-8 text-center">
                            <h2>Affordable pricing plans.</h2>
                            <p class="lead text-muted">Because every company is different, DashCore comes with multiple licensing plans that fit your needs.</p>
                        </div>
                    </div>
                    <div class="text-center mt-4">
                        <div class="btn-group btn-group-toggle pricing-table-basis" data-toggle="buttons"><label class="btn btn-info active"><input type="radio" name="pricing-value" value="monthly" autocomplete="off" checked="checked"> Monthly basis</label> <label class="btn btn-info"><input type="radio" name="pricing-value" value="yearly" autocomplete="off"> Annual basis</label></div>
                        <p>(Save up to 30% off on annual plans)</p>
                    </div>
                </div>
                <div class="row align-items-center no-gutters">
                    <div class="col-md-6" style="z-index: 1">
                        <div class="card border-0 rounded-lg shadow-lg mb-4 mb-md-0" data-aos="fade-up">
                            <div class="card-body py-4">
                                <div class="row">
                                    <div class="col-xl-9 mx-auto">
                                        <div class="pricing text-center mb-5">
                                            <h5 class="bold text-uppercase text-primary">Standard</h5>
                                            <hr class="my-4">
                                            <p>Everything you can get from a professional solution to keep your business on its way to success</p>
                                            <div class="pricing-value"><span class="price display-lg-4 semibold odometer text-dark" data-monthly-price="0.99" data-yearly-price="0.78">0.99</span></div>
                                        </div>
                                        <ul class="list-unstyled">
                                            <li>
                                                <div class="media align-items-center mb-3">
                                                    <div class="icon-md bg-success p-2 rounded-circle center-flex mr-3"><i data-feather="box" class="stroke-contrast"></i></div>
                                                    <div class="media-body">Lorem ipsum dolor sit amet ipsa</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="media align-items-center mb-3">
                                                    <div class="icon-md bg-success p-2 rounded-circle center-flex mr-3"><i data-feather="airplay" class="stroke-contrast"></i></div>
                                                    <div class="media-body">Ab architecto blanditiis consectetur</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="media align-items-center mb-3">
                                                    <div class="icon-md bg-success p-2 rounded-circle center-flex mr-3"><i data-feather="lock" class="stroke-contrast"></i></div>
                                                    <div class="media-body">Blanditiis dignissimos ipsa ipsam odio</div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="media align-items-center mb-3">
                                                    <div class="icon-md bg-success p-2 rounded-circle center-flex mr-3"><i data-feather="repeat" class="stroke-contrast"></i></div>
                                                    <div class="media-body">Dolorem ducimus ea earum ipsam laborum</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div><a href="#!" class="btn btn-primary btn-lg btn-block rounded-top-0 rounded-bottom py-4">Get it now <i data-feather="arrow-right" class="ml-3"></i></a>
                        </div>
                    </div>
                    <div class="col-md-6 ml-md-n3">
                        <div class="card border-0 rounded-lg shadow-lg" data-aos="fade-up" data-aos-delay="200">
                            <div class="card-body py-4">
                                <div class="row">
                                    <div class="col-xl-10 mx-auto">
                                        <div class="text-center">
                                            <h5 class="bold text-uppercase">Custom</h5>
                                            <hr class="my-4">
                                            <p class="lead bold">Need a custom design?</p>
                                            <p class="text-muted">We offer more than an Enterprise solution, contact us now and request a custom build for your business.</p>
                                            <div class="row no-gutters">
                                                <div class="col-6 border-right">
                                                    <div class="text-center p-3"><i data-feather="dollar-sign" width="32" height="32" class="stroke-primary"></i>
                                                        <p class="mb-0">Large Sales Volume</p>
                                                    </div>
                                                </div>
                                                <div class="col-6 border-">
                                                    <div class="text-center p-3"><i data-feather="bell" width="32" height="32" class="stroke-primary"></i>
                                                        <p class="mb-0">Custom Feature</p>
                                                    </div>
                                                </div>
                                                <div class="col-6 border-right border-top">
                                                    <div class="text-center p-3"><i data-feather="activity" width="32" height="32" class="stroke-primary"></i>
                                                        <p class="mb-0">Important Feature</p>
                                                    </div>
                                                </div>
                                                <div class="col-6 border- border-top">
                                                    <div class="text-center p-3"><i data-feather="box" width="32" height="32" class="stroke-primary"></i>
                                                        <p class="mb-0">Unique Feature</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><a href="#!" class="btn btn-light btn-lg btn-block rounded-top-0 rounded-bottom py-4">Contact us <i data-feather="arrow-right" class="ml-3"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="position-relative mt-n12">
            <div class="shape-divider shape-divider-bottom shape-divider-fluid-x text-dark"><svg viewBox="0 0 2880 48" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z"></path>
                </svg></div>
        </div><!-- ./Pricing Includes -->
        <section class="bg-dark">
            <div class="container pt-15 pb-5">
                <div class="row">
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="headphones" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">First class support</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="box" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">Code snippets</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="headphones" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">Full documentation</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="lock" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">Total control of your code</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="airplay" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">Responsive design</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="media pb-3">
                            <div class="bg-success p-3 rounded-circle center-flex mr-3"><i data-feather="monitor" class="stroke-contrast"></i></div>
                            <div class="media-body">
                                <h6 class="text-contrast">Browser support</h6>
                                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque beatae dicta dolores hic porro quam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Get Theme CTA -->
        <section class="bg-dark">
            <div class="container">
                <div class="section-heading">
                    <div class="row">
                        <div class="col-12 col-md-10 col-lg-8 mx-auto text-center"><span class="badge badge-light badge-pill text-uppercase bold px-4 py-2 mb-4">Get started</span>
                            <h2 class="text-contrast">DashCore saves <span class="typed" data-strings='["Money", "Time", "Costs"]'></span></h2>
                            <p class="lead text-muted">DashCore will saves you tons of hard work, it is easy to customize and it comes with hundreds of features.</p>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <p class="handwritten highlight font-md">Available on Themeforest!!!</p><a href="https://themeforest.net/item/dashcore-saas-startup-software-template/22397137" target="_blank" class="btn btn-lg btn-alternate text-contrast px-4">Buy Dashcore Now</a>
                </div>
            </div>
        </section>
        <div class="position-relative">
            <div class="shape-divider shape-divider-bottom shape-divider-fluid-x text-contrast"><svg viewBox="0 0 2880 48" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z"></path>
                </svg></div>
        </div><!-- ./Footer - Four Columns -->
        <footer class="site-footer section">
            <div class="container pb-3">
                <div class="row gap-y text-center text-md-left">
                    <div class="col-md-4 mr-auto"><img src="img/logo.png" alt="" class="logo">
                        <p>Dashcore, a carefully crafted and powerful HTML5 template, it's perfect to showcase your startup or software</p>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Company</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="about.html">About</a> <a class="nav-item py-2" href="#">Services</a> <a class="nav-item py-2" href="blog/blog-grid.html">Blog</a></nav>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Product</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="#">Features</a> <a class="nav-item py-2" href="#">API</a> <a class="nav-item py-2" href="#">Customers</a></nav>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Channels</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="#">Careers</a> <a class="nav-item py-2" href="#">Contact</a> <a class="nav-item py-2" href="#">Search</a></nav>
                    </div>
                </div>
                <hr class="mt-5">
                <div class="row small align-items-center">
                    <div class="col-md-4">
                        <p class="mt-2 mb-md-0 text-secondary text-center text-md-left">© 2018 5studios. All Rights Reserved</p>
                    </div>
                    <div class="col-md-8">
                        <nav class="nav justify-content-center justify-content-md-end"><a href="#" class="btn btn-circle btn-sm btn-secondary mr-3 op-4"><i class="fab fa-facebook"></i></a> <a href="#" class="btn btn-circle btn-sm btn-secondary mr-3 op-4"><i class="fab fa-twitter"></i></a> <a href="#" class="btn btn-circle btn-sm btn-secondary op-4"><i class="fab fa-instagram"></i></a></nav>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>